<template>
  <div class="wuzi">
      <img src="../../assets/images/wuzi.png" width="100%" alt="">
      <div class="wrapper">
            <van-tabs v-model="active" animated>
                <van-tab v-for="item in arr" :title="item.title" :key='item.title'>
                    <!-- <img width="100%" src="../../assets/images/jiujing.png" alt="" /> -->
                    <img width="100%" :src="item.img" alt="" />
                </van-tab>
            </van-tabs>
        </div>

    </div>
</template>

<script>
import img1 from "../../assets/images/jiujing.png"
import img2 from "../../assets/images/kouzhao.png"
export default {
  data() {
    return {
        active:1,
        arr:[
            {
                img:img1,
                title:'消毒剂'
            },
            {
                img:img2,
                title:'口罩'

            }
        ]

    }
  },
  methods: {

  },
  components: {

  }
}
</script>

<style scoped lang="scss">
.wuzi {
  background: #3343ff;
}
.wrapper {
  background: #3343ff;
  padding: 0.2rem;
}
</style>
